<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="struts-tags.tld" %>

<link rel="stylesheet" type="text/css" href="css/index.css" media="screen"/>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>


<div class="ui-widget ui-widget-content" id="addMarkDiv"
style="display: none;"
        >
    <p class="ui-widget-header ">请填写标记的名称</p>

    <s:form id="placeMarkForm" action="plaC" target="forSubmiting">
        <s:hidden id="hLng" name="placeMark.lng"></s:hidden>
        <s:hidden id="hLat" name="placeMark.lat"></s:hidden>
        <input type="hidden" value="<s:property value='#session.userID'/>" name="placeMark.owner.id"
               id="placeMarkOwner"/>
        <fieldset>
            <label for="name">名称</label>
            <s:textfield name="placeMark.name" id="name" cssClass="text ui-widget-content ui-corner-all required"
                         maxLength="100" onblur="javascrption:currentPlaceName= this.value"/><br/>
            <label for="description">描述</label>
            <s:textfield name="placeMark.description" id="description"
                         onblur="javascrption:currentPlaceDescription= this.value"
                         cssClass="text ui-widget-content ui-corner-all"/><br/>
        </fieldset>


        <button id="submitPlaceForm" onclick="openCurrentInfoBox();"
                class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-hover">
            <span class="ui-button-text">创建</span></button>
    </s:form>
    <script type="text/javascript">

    </script>
</div>



<table width="100%" height="300px" id="mapTable">
    <tr>
        <th width="100%" height="100%">
            <div id='container' style="height: 100%;width: 100%">33333333333333</div>
        </th>
    </tr>
</table>

<script type="text/javascript">
    document.getElementById("mapTable").width = parent.document.getElementById('mapIframe').offsetWidth;
    document.getElementById("mapTable").height = parent.document.getElementById('mapIframe').offsetHeight;

</script>

<div class="ui-widget ui-widget-content" id="showMarkDiv"
     style="display: none;"
        >
    <p class="ui-widget-header" id="markName"></p>

    <p id="markDescprtion"></p>

</div>


<iframe id="forSubmiting" name="forSubmiting" height="0px" width="0px"></iframe>
<script type="text/javascript" src="js/map.js"></script>